<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小儿推拿</title>
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/home.css">
    <link rel="stylesheet" href="../../css/fontClass/iconfont.css">
    <link rel="stylesheet" href="../../css/datatimepicker/jquery.datetimepicker.css">
    <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<div class="Baby_Healthy_home">
    <div class="Baby_Healthy_home_left">
        <div class="Baby_Healthy_home_left_logo">
            <img class="Baby_Healthy_home_left_img" src="../../images/1.jpg"/>
            <div class="Baby_Healthy_home_left_name">
                <p class="Baby_Healthy_home_left_name_tit">小儿推拿</p>
                <p class="Baby_Healthy_home_left_name_tip">顺义店</p>
            </div>
        </div>
        <ul class="Baby_Healthy_home_left_sideBar">
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../home/home.html"><i class="icon iconfont icon-icon-test14"></i>工作台</a></li>
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../bespeak.html"><i class="icon iconfont icon-icon-test16"></i>预约管理</a></li>
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../orderManagement.html"><i class="icon iconfont icon-icon-test4"></i>订单管理</a></li>
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../userlib.html"><i class="icon iconfont icon-icon-test5"></i>病人库</a></li>
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../vip.html"><i class="icon iconfont icon-icon-test3"></i>会员中心</a></li>
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../cardManagement/homePage.html"><i class="icon iconfont icon-icon-test6"></i>卡券管理</a></li>
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../storeSetting.html"><i class="icon iconfont icon-icon-test6"></i>门店设置</a></li>
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../staffManagement/staffManagement_hp.html"><i class="icon iconfont icon-icon-test10"></i>员工管理</a></li>
            <li class="Baby_Healthy_home_left_sideBar_li"><a class="color_direct" href="../basicSetting.html"><i class="icon iconfont icon-icon-test15"></i>基础设置</a></li>
        </ul>
    </div>
    <!--右侧-->
    <div class="Baby_Healthy_home_right">
        <div class="Baby_Healthy_home_right_top">
            <ul class="Baby_Healthy_home_right_top_list card_bgc">
                <li class="num1 bespeak_active">卡券管理</li>
                <li class="num2">优惠券管理</li>
            </ul>
        </div>
        <!--优惠券-->
        <div class="Baby_Healthy_home_right_bespeak_list">
            <div class="couponContent">
                <div class="titleNav">
                    <span class="firstLevel">卡项管理</span>/添加卡项
                </div>
                <form name="form" class="couponWrapper">
                    <div class="couponOption">
                        <label class="formTipText">*&nbsp;卡项名称：</label>
                        <input class="couponInput couponName" type="text" placeholder="请输入优惠券名称">
                    </div>
                    <div class="couponOption">
                        <label class="formTipText">*&nbsp;卡项类别：</label>
                        <input class="couponTypeBtn checkBox" type="checkbox"   value="计次卡"    name="couponType" /><span class="couponTypeText">满减券</span>
                        <input class="couponTypeBtn checkBox" type="checkbox"   value="储值卡"    name="couponType"  /><span class="couponTypeText">体验券</span>
                    </div>
                    <div class="couponOption">
                        <label class="formTipText">*&nbsp;售价：</label>
                        <input class="couponInput couponNum" type="text" placeholder="请输入发放数量"> 元
                    </div>
                    <div class="couponOption">
                        <label class="formTipText">*&nbsp;服务：</label>
                       <button class="right_bespeak_btn_card">添加服务</button>
                    </div>
                    <div class="couponOption">
                        <label class="formTipText">*有效时间：</label>
                        <input class="couponInput couponNum" type="text" placeholder="自定义"> 天
                    </div>
                </form>
                <div class="submitBtns">
                    <button class="sureBtn">提交</button>
                    <button class="putawayBtn">上架</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--添加服务-->
<div class="addBespeak">
    <div class="addBespeak_box">
        <p class="addBespeak_tit">
            添加卡项服务<span class="addBespeak_tit_close">×</span>
        </p>
        <div class="addBespeak_tit_searchbox">
            <select name="" id="" class="searchbox_select">
                <option value="请选择"></option>
            </select>
            <input class="searchbox_input" type="text" placeholder="搜索">
        </div>
        <table class="searchbox_table_width">
            <thead>
            <tr class="bespeak_change_title">
                <th class="addBespeak_change_one">服务</th>
                <th class="addBespeak_change_two">销售价</th>
                <th class="addBespeak_change_one">创建时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr class="bespeak_change_detail">
                <td class="bespeak_change_one">
                    <img class="bespeak_change_img" src="../../images/1.jpg">
                    <div class="bespeak_change_name">
                        <span></span>
                        <span>小儿推拿</span>
                    </div>
                </td>
                <td class="addBespeak_change_two">￥99.00</td>
                <td class="addBespeak_change_one">2018-04-01</td>
                <td>
                    <button class="addBespeakButton button_stsue_cancle">选择</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
</body>
<script src="../../js/common.js"></script>
<script>
    $(function(){
//        $('.right_bespeak_btn_card').on('click',function(){
//            $('.addBespeak').removeClass('hidden');
//        });
//        关闭弹窗
        $('.addBespeak_tit_close').on('click',function(){
            $(this).parents('.addBespeak').remove();
        });
    });
</script>
</html>